---
id: tabview
title: TabView
---

import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";
import {} from "react-native-elements";
import Usage from "../component_usage/TabView.mdx";

Tabs organize content across different screens, data sets, and other interactions.
TabView enables swipeable tabs.

## Usage

<Usage />

## Props

:::note
Includes all [TabViewBase](/docs/documentation/tabviewbase#props) props.
:::

<div class='table-responsive'>

| Name                    | Type                                                               | Default  | Description                                                                                      |
| ----------------------- | ------------------------------------------------------------------ | -------- | ------------------------------------------------------------------------------------------------ |
| `animationConfig`       | `Omit<SpringAnimationConfig` and `TimingAnimationConfig, toValue>` | `{}`     | Define the animation configurations.                                                             |
| `animationType`         | `spring` or `timing`                                               | `spring` | Choose the animation type among `spring` and `timing`. This is visible when there is tab change. |
| `containerStyle`        | View Style                                                         |          | Styling for Component container.                                                                 |
| `disableSwipe`          | Boolean                                                            | `false`  | Swipe disabled or not                                                                            |
| `disableTransition`     | Boolean                                                            | `false`  | Disables transition                                                                              |
| `onChange`              | (value: number) => any                                             |          | On Index Change Callback.                                                                        |
| `tabItemContainerStyle` | View Style                                                         |          | Styling for TabView.Item Component container.                                                    |
| `value`                 | number                                                             | `0`      | Child position index value.                                                                      |

</div>
